/* CSS Document */
body {
	background-color: #fff4ee;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: "微軟正黑體", Arial;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
}
a hover, a:visited, a:active, a:link {
	border: 0;
	outline : 0;
}
a {
	text-decoration: none;
}
.clearfix {
	float: none;
	clear: both;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#warp {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1198px;
}
#warp #header {
	position: relative;
	background: url(../images/hrader_bg.jpg) no-repeat;
	width: 1198px;
	height: 498px;
	z-index: 1;
}
#warp #header .btn01 {
	background: url(../images/btn01.gif) no-repeat;
	width: 172px;
	height: 27px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	left: 873px;
	top: 315px;
}
#warp #header .btn02 {
	background: url(../images/btn02.gif) no-repeat;
	width: 172px;
	height: 27px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	left: 873px;
	top: 346px;
}
#warp #header .btn03 {
	background: url(../images/btn03.gif) no-repeat;
	width: 172px;
	height: 27px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	left: 873px;
	top: 377px;
}
#warp #header .rule_btn {
	position: absolute;
	z-index: 2;
	left: 758px;
	top: 310px;
	text-indent: -9999px;
}
#warp #header .rule_btn a {
	background: url(../images/rule.gif) no-repeat;
	display: block;
	width: 102px;
	height: 100px;
	-webkit-transition: all .2s ease-in-out;
	border: none;
}
#warp #header .rule_btn a:hover {

	-webkit-transform: scale(1.1);
	margin-top: -2px;
	border: none;

}
#warp #header .fbshare_btn_01 {
	position: absolute;
	z-index: 2;
	left: 808px;
	top: 435px;
	text-indent: -9999px;
}
#warp #header .fbshare_btn_02 {
	position: absolute;
	z-index: 2;
	left: 808px;
	top: 1160px;
	text-indent: -9999px;
}
#warp #header .fbshare_btn_01 a {
	display: block;
	background: url(../images/fbshare1.gif) no-repeat;
	width: 152px;
	height: 46px;
	-webkit-transition: all .2s ease-in-out;
}
#warp #header .fbshare_btn_02 a {
	display: block;
	background: url(../images/fbshare2.gif) no-repeat;
	width: 152px;
	height: 46px;
	-webkit-transition: all .2s ease-in-out;
}
#warp #header .fbshare_btn_01 a:hover, #warp #header .fbshare_btn_02 a:hover {
	-webkit-transform: scale(1.1);
	margin-top: -2px;
}
#warp #content_1 {
	background: url(../images/content_bg.jpg) repeat-y;
	width: 1128px;
	height: 646px;
	padding: 14px 20px 0 50px;
}
#warp #content_1 ul {
}
#warp #content_1 li {
	background: url(../images/main_bg1.jpg) no-repeat;
	width: 297px;
	height: 195px;
	display: block;
	float: left;
	margin: 0 30px 20px 0;
	padding: 65px 14px 33px 35px;
}
#warp #content_1 li.last {
	background: url(../images/main_last_bg.jpg) no-repeat bottom;
	text-indent: -9999px;
}
#warp #content_2 {
	background: url(../images/content_bg.jpg) repeat-y;
	width: 1128px;
	height: 371px;
	padding: 14px 20px 0 50px;
}
#warp #content_2 ul {
}
#warp #content_2 li {
	background: url(../images/main_bg2.jpg) no-repeat;
	width: 297px;
	height: 195px;
	display: block;
	float: left;
	margin: 0 30px 20px 0;
	padding: 65px 14px 33px 35px;
}
#warp #content_2 li#title {
	background: url(../images/main_title1.jpg) no-repeat;
	width: 1198px;
	height: 69px;
	margin: -14px 0 0 -50px;
	text-indent: -9999px;
	padding: 0;
}
.title {
	width: 296px;
	height: 48px;
}
#user {
	margin-top: 10px;
	width: 100%;
	height: 137px;
}
#user .left {
	width: 166px;
	height: 137px;
	float: left;
}
#user .right {
	margin-left: 20px;
	float: left;
}
#user .cImg {
}
#user .uImg {
}
#user .uName {
	margin-top: 5px;
	display: block;
	height: 60px;
	line-height: 20px;
	word-wrap: break-word;
	word-break: break-all;
}
#user .views, #user .likes {
	background: url(../images/showCase.png) no-repeat;
	display: inline;
	float: left;
	display: block;
	width: 55px;
	text-indent: 16px;
	line-height: 14px;
}
#user .likes {
	background-position: -55px 0;
}
#warp #content_3 {
	background: url(../images/content_bg.jpg) repeat-y;
	position: relative;
	width: 1198px;
}
#warp #content_3 ul {
}
#warp #content_3 li#title {
	background: url(../images/main_title2.jpg) no-repeat;
	width: 1198px;
	height: 329px;
	text-indent: -9999px;
}
#warp #content_3 li#main {
	position: relative;
	border: solid 1px #836f6f;
	width: 1014px;
	margin: 0 auto;
}
#warp #content_3 li#main #right {
	position: absolute;
	display: block;
	height: 760px;
	top: 20px;
	right: 60px;
	_right: -60px;
}
#warp #content_3 li#main #right #maim {
	display: block;
	width: 247px;
	height: 359px;
}
#warp #content_3 li#main #right #fb_like {
	margin-top: 20px;
}
#warp #footer {
	background: url(../images/footer_bg.jpg) no-repeat;
	width: 1198px;
	height: 40px;
}